<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Renascer Planejados</title>
        <link rel="stylesheet" type="text/css" href="_recursos/css/renascer.css"/>
        <script type="text/javascript" src="_recursos/scripts/jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="_recursos/scripts/suporte.js"></script>
        <script type="text/javascript" src="_recursos/scripts/plugins.js"></script>
        <script type="text/javascript">
            var inicio = 0;
            var carregados = 0;
            var total = 0;

            $(document).ready(function() {
                appPagina.contruirPagina(function() {
                    carregarTotalNovidades();

                    $('#mais').click(carregarMaisNovidades);
                });
            });

            function carregarTotalNovidades() {
                $('#novidades').append(loader());

                $.ajax({
                    url: '_recursos/classes/Novidades.php',
                    dataType: 'json',
                    data: {
                        metodo: 'getTotalNovidades'
                    },
                    success: function(dados) {
                        total = dados[0].total;

                        if (total == 0) {
                            $('#loader').remove();
                            $('#novidades').append('<div style="text-align:center">Atuamente não temos nenhuma novidade.</div>');
                            return;
                        }

                        carregarNovidades();
                    }
                });
            }

            function carregarNovidades() {
                if (inicio > 0) {
                    $('#novidades').append(loader());
                }

                $.ajax({
                    url: '_recursos/classes/Novidades.php',
                    dataType: 'json',
                    data: {
                        metodo: 'getNovidadesPaginada',
                        inicio: inicio
                    },
                    success: function(novidades) {
                        $('#loader').remove();

                        var length = novidades.length;

                        if (length) {
                            carregados += length;

                            var html = [];
                            var c = 0;

                            $(novidades).each(function(index, novidade) {
                                html[c++] = '<div class="novidade">';
                                html[c++] = '   <table>';
                                html[c++] = '       <tr>';
                                html[c++] = '           <td style="width:1%">';
                                html[c++] = '               <img style="width: 300px" src="admin/fotos/novidades/' + novidade.id + '/small/0.jpg"/>';
                                html[c++] = '           </td>';
                                html[c++] = '           <td>';
                                html[c++] = '               <h2>' + formatarData(novidade.data) + '</h2>';
                                html[c++] = '               <h1>' + novidade.titulo + '</h1>';
                                html[c++] = '               <span>' + base64_decode(novidade.conteudo) + '</span>';
                                html[c++] = '           </td>';
                                html[c++] = '       <tr>';
                                html[c++] = '   </table>';
                                html[c++] = '   <a href="novidade.php?id=' + novidade.id + '">ver mais</a>';
                                html[c++] = '</div>';
                            });

                            $('#novidades').append(html.join(''));

                            if (carregados == total) {
                                $('#mais').remove();
                            } else {
                                $('#mais').show();
                            }
                        }
                    }
                });
            }

            function carregarMaisNovidades() {
                inicio = inicio + 5;
                carregarNovidades();
            }

        </script>
    </head>
    <body>
        <div class="facebook"><a title="Facebook Renascer Planejados" href="https://www.facebook.com/pages/Renascer-Planejados-e-Decora%C3%A7%C3%B5es/140672086093209?ref=ts&fref=ts" target="_blank"><img height="25" src="_recursos/imagens/facebook.png"/></a></div>
        <div class="titulo">
            <h1>Novidades</h1>
            <h2>Fique por dentro de todas novidades da Renascer Planejados.</h2>
        </div>
        <div class="texto">
            <div id="novidades"></div>
            <span style="display: none" id="mais">Mais Novidades</span>
        </div>
    </body>
</html>
